<!DOCTYPE html>
<html>

	<head>
	    <meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
		<title>图购</title>
		<link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../css/style.css">
        <link rel="stylesheet" href="../css/event.css">
	</head>

	<body>
		<!-- 页面头部 开始 -->
		<div class="ic-header ">
		    <div class="main-nav">
		        <div class="container">
		            <div class="row">
		            
		                <div class="main-logo col-xs-12 col-md-2">
		                    <a href="https://www.icolor.com.cn/">
		                        <img src="../images/public/icolor-logo.png" alt="icolor-logo">
		                    </a>
		                </div>
		
		                <div class="col-xs-12 col-md-6 col-lg-5">
		                    <ul class="list-unstyled row main-nav-ul">
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                            <a href="https://www.icolor.com.cn/meitu">
		                                <h2>美居美图</h2>
		                                <h4>海量图文灵感搭配</h4>
		                            </a>
		                        </li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/jiapin">
		                            <h2>美居家品</h2>
		                            <h4>场景体验一站购买</h4>
		                        </a></li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/design">
		                            <h2>美居设计</h2>
		                            <h4>家居设计定制服务</h4>
		                        </a></li>
		                    </ul>
		                </div>
		
		              
		                
		            </div>
		        </div>
		    </div>
		</div>
		<!-- 页面头部 结束 -->
		

		<!-- 站点访问路径 结束 -->
		<!-- 设计会场内容主体开始-->
		<div class="container-fluid">
			<div class="row" id="tugou">
				
			</div>
		</div>
		
		<script id="template" type="text/x-jsrender">
			<div><img src="../images/contents/event/tugou/{{:kv}}" width="100%"></div>
			<div class="tugou-content">
				{{for scenes}}
				<div class="tugou-scene">
					<div class="hd">
						<h2>{{:name}}</h2>
						<em></em>
						<h3>{{:slug}}</h3>
						<p>{{:caption}}</p>
					</div>
					<div class="scene">
						<img src="../images/contents/event/tugou/{{:picture}}" alt="" width="100%">
						{{for products}}
						<a href="{{>main.href}}" title="{{>main.name}}" style="{{props main.position}}{{>key}}:{{>prop}}px;{{/props}}" target="_blank">+</a>
						{{/for}}
					</div>
					{{for products}}
					<div class="groups">
						<div class="item">
							<a href="{{>main.href}}" title="{{>main.name}}" target="_blank">
								<img src="../images/contents/event/tugou/{{>main.src}}" alt="{{>main.name}}">
								<div class="info">
									<span class="name">{{>main.name}}</span>
									<span class="price">&yen; {{>main.price}}</span>
									<span class="divider"></span>
									<span class="buytxt">立即购买 ></span>
								</div>
							</a>
						</div>
						<div class="tag"><span>搭配推荐</span><em></em></div>
						{{for groups}}
						<div class="item">
							<a href="{{:href}}" title="{{:name}}" target="_blank">
								<img src="../images/contents/event/tugou/{{>src}}" alt="{{:name}}">
								<div class="info">
									<span class="name">{{:name}}</span>
									<span class="price">&yen; {{:price}}</span>
									<span class="divider"></span>
									<span class="buytxt">立即购买 ></span>
								</div>
							</a>
						</div>
						{{/for}}
					</div>
					{{/for}}
				</div>
				{{/for}}
			</div>
		</script>

		<!-- 设计会场内容主体开始-->
		
		

		<script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../js/app.js"></script>

        <script src="../images/contents/event/tugou/tugou_data.js"></script>
        <script src="../vendors/jsrender/jsrender.min.js"></script>
        <script>
        	$(function(){
        		//TG Object come form tugou_data.js
        		var $tpl = $('#template');
        		$('#tugou').html($tpl.render(TG));
        		$tpl.remove();
        	})
        </script>
	</body>

</html>